<%= render layout: "show", locals: { participants: conversation.interlocutors(current_user) } do %>
  <div id="messages" class="space-y-6" data-controller="scroll-to-last">
    <% user_grouped_messages.each do |sender, messages| %>
      <%= render "messages", sender:, messages: %>
    <% end %>
  </div>

  <%= render "reply", form: @form, conversation: %>
<% end %>
